<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="" id="form1" name="form1">
    <input type="text" name="name">
</form>
<script>
    /*
        二话不说,先举例子,再看理论
     */
    
    // 第一种获取方式
    let form = document.getElementById('form1')
    
    // 第二种获取方式
   let firstForm =  document.forms[0]
    let myForm = document.forms['form1']
    
    
    /*
        form对象用用的属性
         acceptCharset:服务器可以接收的字符集，等价于 HTML 的 accept-charset 属性。 22  action:请求的 URL，等价于 HTML 的 action 属性。
         elements:表单中所有控件的 HTMLCollection。
         enctype:请求的编码类型，等价于 HTML 的 enctype 属性。
         length:表单中控件的数量。
         method:HTTP 请求的方法类型，通常是"get"或"post"，等价于 HTML 的 method 属性。
         name:表单的名字，等价于 HTML 的 name 属性。
         reset():把表单字段重置为各自的默认值。
         submit():提交表单。
         target:用于发送请求和接收响应的窗口的名字，等价于 HTML 的 target 属性。
     */
</script>
</body>
</html>